<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/_linkPages/basePath.jsp" %>
<!DOCTYPE html>
<%--个人信息--%>
<!-- saved from url=(0056)http://www.maomijiaoyi.com/index.php?/gerenzhongxin.html -->
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>猫咪交易网,我的信息-个人中心</title>
    <meta name="keywords" content="宠物猫,买猫,卖猫,宠物猫交易,宠物猫价格">
    <meta name="description"
          content="猫咪交易网(www.maomijiaoyi.com)行业购宠第一品牌，千万家卖猫商家入驻覆盖全国各地，买放心宠物猫、了解最全面的宠物猫价格就上猫咪交易网、12年品牌值得信赖！">
    <link rel="stylesheet"  href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <scrip src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></scrip>
    <link rel="stylesheet" href="${basePath}jsp/hs/css/usercenter.css">
    <link rel="stylesheet" href="${basePath}jsp/hs/css/comment.css">
    <script src="${basePath}jsp/hs/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="${basePath}jsp/hs/js/comment.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>

    .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 200%; background-color: black; z-index:1001; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60); }
    .white_content { display: none; position: absolute; top: 50%; left: 25%; width: 50%; height: 70%; padding: 16px; border: 16px solid orange; background-color: white; z-index:1002; overflow: auto; }

</style>
<body>

<!-- 引入公共头部 -->
<!-- 网页头部 -->
<%@ include file="cat/head.jsp"%>

<div style="height: 80px;"></div>

<!-- 面包屑导航栏 Crumbs_nav-->
<div id="Crumbs_nav">
    <a target="_blank" href="http://localhost:8080/jsp/hs/index.jsp">首页 &gt;</a>

    <a href="http://localhost:8080/jsp/hs/personal.jsp"><span>个人信息</span></a>
</div>


<!-- 个人中心 user_box-->
<div id="user_box" style="border: #eee solid 3px; box-sizing: border-box;">

    <!-- 左侧侧边栏 -->
    <div id="left_side">

        <a href="http://localhost:8080/jsp/hs/personal.jsp" style="background: rgba(56,50,50,0.2);">
            <img src="${basePath}jsp/hs/img/userinfo.png" alt="">
            <p>个人信息</p>
        </a>

        <a href="http://localhost:8080/jsp/hs/modify.jsp">
            <img src="${basePath}jsp/hs/img/xiugai_zl.png" alt="">
            <p>修改资料</p>
        </a>

        <a href="http://localhost:8080/jsp/hs/password.jsp">
            <img src="${basePath}jsp/hs/img/xiugai_pwd.png" alt="">
            <p>修改密码</p>
        </a>

        <a href="${basePath}head?method=tomypostPage&username=${user.username}">
            <img src="${basePath}jsp/hs/img/my_post.png" alt="">
            <p>我的帖子</p>
        </a>


    </div>


    <!-- 右侧信息展示 -->
    <div id="right_infobox">

        <p class="base_info">基本信息</p>

        <p class="base_info_list">用户UID：${user.id}</p>
        <p class="base_info_list">用户名：${user.username}</p>
        <p class="base_info_list">联系人,昵称：${user.name}</p>
        <p class="base_info_list">电话号：${user.telephone}</p>
        <p class="base_info_list">QQ号：${user.qq}</p>
        <p class="base_info_list">微信号：${user.wx}</p>
        <p class="base_info_list">电子邮件：${ueer.Email}</p>

        <p class="base_info_list">发帖数量：${postNum}</p>
        <p class="base_info_list">剩余发帖数量：${user.number} <a href="javascript:void(0)" onclick="one()">增加发帖数量</a></p>
        <p class="base_info_list">注册时间：${user.register}</p>

    </div>

</div>

<div style="height: 80px;"></div>

<!-- 引入公共尾部 -->
<!-- 网页底部 -->
<div id="footer">

    <div class="logo">
        <div class="logo_kuang">
            <div>
                <a href="http://localhost:8080/jsp/hs/index.jsp">
                    <img alt="猫咪交易网" title="猫咪交易网" src="${basePath}jsp/hs/img/logo.png">
                </a>
            </div>
        </div>
    </div>


    <div class="banquan">
        <div class="center_1220">
            版权所有：猫咪交易网 www.maomijiaoyi.com 友情链接互换:qq 3416807849
        </div>
    </div>

    <div class="banquan">
        <div class="center_1220">
            【免责声明：本站所有猫猫交易信息内容系用户自行发布，其真实性、合法性由发布人负责，本站不提供任何保证，亦不承担任何法律责任！】
        </div>
    </div>

    <div class="banquan">
        <div class="center_1220">
            <a style="color: #FFF;" href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank">
                <img src="${basePath}jsp/hs/img/foot_link3.png">
                沪ICP备18022709号-1 </a>
        </div>
    </div>

</div>


<div id="light" class="white_content">

    <div align="center" style="height: 10%;">

        <a class="btn btn-success " href="${basePath}jsp/xlp/alipay.trade.page.pay.jsp?WIDtotal_amount=10&number=5&username=${user.username}">&nbsp;&nbsp;10元/5条&nbsp;&nbsp;</a>
        <a class="btn btn-success "href="${basePath}jsp/xlp/alipay.trade.page.pay.jsp?WIDtotal_amount=20&number=12&username=${user.username}">&nbsp;&nbsp;20元/12条&nbsp;&nbsp;</a>
        <a class="btn btn-success "href="${basePath}jsp/xlp/alipay.trade.page.pay.jsp?WIDtotal_amount=50&number=30&username=${user.username}">&nbsp;&nbsp;50元/30条&nbsp;&nbsp;</a>
    </div>

        <div  align="center" style="height: 10%;">
            <a class="btn btn-success "href="${basePath}jsp/xlp/alipay.trade.page.pay.jsp?WIDtotal_amount=100&number=65&username=${user.username}">&nbsp;&nbsp;100元/65条&nbsp;&nbsp;</a>
            <a class="btn btn-success "href="${basePath}jsp/xlp/alipay.trade.page.pay.jsp?WIDtotal_amount=200&number=140&username=${user.username}">&nbsp;&nbsp;200元/140条&nbsp;&nbsp;</a>
            <a class="btn btn-success "href="${basePath}jsp/xlp/alipay.trade.page.pay.jsp?WIDtotal_amount=500&number=370&username=${user.username}">&nbsp;&nbsp;500元/370条&nbsp;&nbsp;</a>
            <a href="javascript:void(0)" onclick="two()">Close</a>
        </div>

        <div style="height: 80%;">
            <img src="${basePath}jsp/hs/img/60ebf49ec03eaff23ba3dd7061148643.jpg" style="width: 100%;height: 100%"/>
        </div>

    </div>
    <div id="fade" class="black_overlay">
    </div>




<script>

    function Toast(msg,duration){
        duration=isNaN(duration)?3000:duration;
        var m = document.createElement('div');
        m.innerHTML = msg;
        m.style.cssText="width:50%; min-width:150px; background:#000; opacity:0.5; height:40px; color:#fff; line-height:40px; text-align:center; border-radius:5px; position:fixed; top:40%; left:20%; z-index:999999; font-weight:bold;";
        document.body.appendChild(m);
        setTimeout(function() {
            var d = 0.5;
            m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
            m.style.opacity = '0';
            setTimeout(function() { document.body.removeChild(m) }, d * 1000);
        }, duration);
    }
    $(function() {

            console.log("${booleans}");
            console.log("${msg}");
            if ("${booleans}" == "true"){
                console.log(1)
                Toast('${msg}',2000);
            }
            //Toast('${msg}',2000);
        }

        <c:remove var="msg" scope="session"/>
        <c:remove var="booleans" scope="session"/>

    )

    function one(){
        document.getElementById('light').style.display='block';
        document.getElementById('fade').style.display='block'
    }
    function two(){
        document.getElementById('light').style.display='none';
        document.getElementById('fade').style.display='none'
    }

</script>

</body>
</html>